<%@ page import="com.example.xiaomi.Model.Oop.position" %><%--
  Created by IntelliJ IDEA.
  User: kwc13
  Date: 2022/6/13
  Time: 13:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>确认订单</title>
    <link href="/Web_css/settlement.css" rel="stylesheet" type="text/css"/>
    <script src="/Web_page/JQuery.min.js"></script>
    <script src="/Web_js/settlement.js" language="JavaScript" type="text/javascript"></script>
    <script src="/Web_page/Vue.js"></script>
    <script src="/Web_oop/Oop.js"></script>
</head>
<body>
<div class="body">
    <div class="function">
        <div class="function_Protect">
            <div class="Title">
                <div class="logo">
                    <img src="/Web_img/xiaomi_logo.png">
                </div>
                <div class="function_Title">
                    <h1>确认订单</h1>
                </div>
            </div>
            <div class="other_Function">
                <ul class="block">
                    <li class="username options"><a href="">帅哥<img src="/Web_img/Shopping_cart_2.png" class="options_Img"></a></li>
                    <li><span class="fill_Entity">|</span></li>
                    <li class="options"><a href="">我的订单</a></li>
                </ul>
                <div class="more">
                    <ul>
                        <a href="" style="margin-top: 10px;width: 100px;display: inline-block;"><li>个人中心</li></a>
                        <a href=""><li>退出登陆</li></a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="order">
        <div class="shipping_Address">
            <div class="shipping_Address_Title">
                <span>收货地址</span>
            </div>
            <div class="address_List">
                <div class="shipping_Address_Selection">
                    <div class="shipping_Address_Name"><span>李佳欣他爹</span><a>家</a></div>
                    <div class="shipping_Address_Telephone"><span>185******71</span></div>
                    <div class="area_Show"><span>湖南省  株洲市  荷塘区  月塘街道</span><br><span class="exhibit_Address" style="margin-top: -15px;">锦龙小区</span>
                    </div>
                    <div class="change_Address">
                        <a class="revise" onclick="change_Address()">修改</a>
                    </div>
                </div>

                <div class="add_Address" onmouseover="add_Enter()" onmouseout="add_Leave()" onclick="add()">
                    <div class="add_Address_Img"><img src="/Web_img/settlement.png"></div>
                    <div class="add_Address_Word">
                        添加地址
                    </div>
                </div>
            </div>
        </div>
        <div class="commodity_Purchase_List">
            <div class="commodity_Purchase_Title">
                <span>商品及优惠券</span>
            </div>
            <div class="commodity_Purchase">
                <c:forEach var="i" begin="1" end="3">
                    <div class="purchased_commodity_List">
                        <div class="purchased_commodity_Img"><img src="/Web_img/Xiaomi_balance_car.jpg"></div>
                        <div class="purchased_commodity_Name">name</div>
                        <div class="purchased_commodity_Quantity">1999元&nbsp;×1</div>
                        <div class="purchased_commodity_Subtotal">1999元</div>
                    </div>
                </c:forEach>
            </div>
        </div>
        <div class="delivery">
            <span class="delivery_Method_Title">配送方式</span><a class="delivery_Method">包邮</a>
        </div>
        <div class="bill">
            <div>
                <span class="bill_Title">发票</span>
                <span class="invoice_Selection">电子普通发票&emsp;个人&emsp;商品明细></span>
            </div>
            <div class="price_Calculation">
                <ul class="total_Cost">
                    <li><span>商品件数:</span><a>4件</a></li>
                    <li><span>商品总数:</span><a>568元</a></li>
                    <li><span>活动优惠:</span><a>-0元</a></li>
                    <li><span>优惠卷抵扣:</span><a>-0元</a></li>
                    <li><span>运费:</span><a>-0元</a></li>
                </ul>
            </div>
            <div class="total_payable">
                <span>应付总额:</span><a>586</a><span>元</span>
            </div>
            <div class="yes_no_order">
                <div class="confirm_Harvesting_Address">
                    <div class="confirm_Name">
                        <span>康文程</span><a>185******71</a>
                    </div>
                    <div class="confirm_Address">
                        <span>湖南省  株洲市  荷塘区  月塘街道</span><fill>,</fill><a>锦龙小区</a>
                    </div>
                </div>
                <div class="place_An_Order">
                    <a href="/place/order">确认下单</a><a href="/Shopping_cart">返回购物车</a>
                </div>
            </div>
        </div>
    </div>
</div>



<jsp:include page="footer.jsp" flush="true"></jsp:include>

<!-- 隐藏部分 -->
<div class="hint" style="display: none" >
    <div class="blinded">
    </div>
    <div class="hint_Revise">
        <div class="hint_Title">
            <span class="change_Address_Title">修改地址</span><img src="/Web_img/×.png" onmouseover="show_Imgred()" onmouseout="disappear_Img()" class="hint_Img">
        </div>
        <div style="display: inline-flex;">
            <div class="revise_Name">
                <span class="name_Title">姓名</span>
                <input type="text" class="name" onfocus="name_Up()" onblur="name_Down()" value="" name="name">
            </div>
            <div class="revise_Name">
                <span class="phone_Title">手机号</span>
                <input type="text" class="phone_Number" onfocus="phone_Up()" onblur="phone_Down()" value="" name="phone_Number">
            </div>
        </div>
        <div class="address">
            <div class="edit_Address">
                <span class="address_Word">省级  市级  区县  区域</span><img src="/Web_img/Shopping_cart_2.png" class="address_Img">
            </div>
        </div>
        <div class="address_Text">
            <span class="address_Character">详细地址</span>
            <textarea name="description" class="specific_address" onfocus="address_Up()" onblur="address_Down()"></textarea>
        </div>
        <div class="label">
            <span class="label_Word">地址标签</span>
            <input type="text" class="address_Label" onfocus="label_Up()" onblur="label_Down()">
        </div>
        <div class="operate">
            <a class="confirm">确认</a> <span class="cancel">取消</span>
        </div>
        <div class="region_selection">
            <div>
                <img src="/Web_img/×.png" class="remove_Img">
            </div>
            <div class="show_Selected_Regions">
                <span class="province" onclick="provinces_Show()">选择省份/自治区</span>
                <span class="city" style="display: none;margin-left: 10px;">选择城市/地区</span>
                <span class="districts_Counties" style="display: none;margin-left: 10px;">选择区县</span>
                <span class="delivery_Area" style="display: none;margin-left: 10px;">选择配送区域</span>
            </div>
            <div class="selected_Regions">
                <a class="area" onclick="area(this)">北京</a><a class="area" onclick="area(this)">天津</a>
                <a class="area" onclick="area(this)">河北</a><a class="area" onclick="area(this)">山西</a>
                <a class="area" onclick="area(this)">内蒙古</a><a class="area" onclick="area(this)">辽宁</a>
                <a class="area" onclick="area(this)">吉林</a><a class="area" onclick="area(this)">黑龙江</a>
                <a class="area" onclick="area(this)">上海</a><a class="area" onclick="area(this)">江苏</a>
                <a class="area" onclick="area(this)">浙江</a><a class="area" onclick="area(this)">安徽</a>
                <a class="area" onclick="area(this)">福建</a><a class="area" onclick="area(this)">江西</a>
                <a class="area" onclick="area(this)">山东</a><a class="area" onclick="area(this)">河南</a>
                <a class="area" onclick="area(this)">湖北</a><a class="area" onclick="area(this)">湖南</a>
                <a class="area" onclick="area(this)">广东</a><a class="area" onclick="area(this)">广西</a>
                <a class="area" onclick="area(this)">海南</a><a class="area" onclick="area(this)">重庆</a>
                <a class="area" onclick="area(this)">四川</a><a class="area" onclick="area(this)">贵州</a>
                <a class="area" onclick="area(this)">云南</a><a class="area" onclick="area(this)">西藏</a>
                <a class="area" onclick="area(this)">陕西</a><a class="area" onclick="area(this)">甘肃</a>
                <a class="area" onclick="area(this)">青海</a><a class="area" onclick="area(this)">宁夏</a>
                <a class="area" onclick="area(this)">新疆</a>
            </div>
            <div class="position">
                <a href="/position">快速定位></a>
            </div>
        </div>
    </div>
</div>

</div>
</body>
</html>
